<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>背景</title>

        <style type="text/css">
            .wrapper {
                width: 80% ;
                height: 50px ;
                border: 1px solid blue ;
                margin: 15px auto ;
             }

             .first {
                 color : blue ; /* 前景色 */
                 background-color: yellow ; /* 背景色 */
                 font: normal bold 20px/50px "思源宋体";
                 text-align: center ;
             }
        </style>

    </head>
    <!-- 通过 body 元素的 属性(attribute) 来设置 文本颜色 和 body 的背景颜色 -->
    <!-- body 元素的 text 属性可以设置页面上文本的默认颜色 -->
    <!-- body 元素的 bgcolor 属性可以设置页面的背景颜色(即body元素的背景颜色) -->
    <!-- body 元素的 link 属性可以设置页面上 超链接 默认的颜色 -->
    <!-- body 元素的 vlink 属性可以设置页面上 被访问过的超链接( visited link ) 的颜色 -->
    <!-- body 元素的 background 属性可以设置 页面的背景图片 ( 比如 background="/images/ayao.jpg" )-->
    <body text="red" bgcolor="#efefef" link="green" vlink="gray" >

        <div class="wrapper">
            <!-- 使用 a 标记可以声明 超链接 元素，其中的 href 用于指定链接的地址-->
            <a href="http://www.alibaba.com">阿里巴巴</a>
            <!-- href : HyperText Reference ，超文本引用 -->
            <a href="http://www.tmall.com">天猫</a>
            蚂蚁金服
            <span>支付宝</span>
        </div>

        <div class="wrapper first">
            高桌子低板凳都是木头，他大舅他二舅都是他舅，天在上地在你娃(不要)牛
        </div>
        
    </body>
</html>